<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <jsp:include page="../include/public.jsp"></jsp:include>
    <jsp:include page="../include/easyui.jsp"></jsp:include>
    <script type="text/javascript" src="${root}/static/js/duty/manage.js"></script>
    <style type="text/css">
    .datagrid > .datagrid-wrap {
      border-top:0px;
      border-right:0px;
      border-left:0px;
    }
    #dutyTable td {
       height:33px;
       padding-left:10px;
       border:1px solid #C0C0C0;
    }
    </style>
</head>
<body>

			<div style="padding:10px 10px 10px 10px;" data-options="region:'north',border:false,minWidth:966px;">
			    <form id="dutyfindform">
			        <fieldset style="border:1px solid #DDDDDD;">
				        <legend style="color:#0E2D5F;font-weight:800;">查询</legend>
				        <div>
				                             职务名称：<input class="easyui-textbox" name="map['dutyName']">&nbsp;
				                <a href="javascript:query()" class="easyui-linkbutton" iconCls="icon-search">查询</a>&nbsp;
				                <a href="javascript:queryReset()" class="easyui-linkbutton" iconCls="icon-back">重置</a>
				         </div>
			         </fieldset>
			    </form>
			</div>
			<div data-options="region:'center',border:false">
		    	<table id="dutyGrid" style="width:100%;min-height:300px;">
                </table>
			</div>

	
	<div style="padding-left:8px;" id="toolbar">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:add()">添加</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="javascript:update()">修改</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:delete()">删除</a>
    </div>
  
	<div style="width:618px;height:200px;padding-top:10px;padding-left:10px;padding-right:10px;" id="addDuty" class="easyui-dialog" title="添加职务" data-options="closed:true,resizable:true,modal:true">
	    <form id="dutyform">
	      <table id="dutyTable" style="width:100%;border-collapse:collapse;">
	        <tr>
	          <td style="background-color:#F1F6FF"><label>职务名称：</label></td>
	          <td><input class="easyui-textbox easyui-validatebox" type="text" data-options="required:true" name="dutyName"></td>
	          <td style="background-color:#F1F6FF"><label>备注：</label></td>
	          <td><textarea style="height:60px;width:200px" name="remark"></textarea></td>
	        </tr>
	        <tr>
	          <td colspan="4">
	            <a style="float:right;margin-right:20px;" id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:cancel()">取消</a>
	            <a style="float:right;margin-right:20px;" id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="javascript:addDuty()">确定</a>
	          </td>
	        </tr>
	      </table>
	    </form>
    </div>	
</body>
</html>